<!-- Site Setting Panel -->
  <section id="settings" data-ng-include=" 'views/settings/settings.html' " style="display:none"></section>
<!-- Site Setting Panel End -->

<!-- Page Header Start -->
<div class="pageheader">
    <h2><i class="fa fa-pencil"></i> Form Wizard </h2>
    <div class="breadcrumb-wrapper hidden-xs">
      <span class="label">You are here:</span>
      <ol class="breadcrumb">
        <li>
          <a href="index.html">
            Home
          </a>
        </li>
        <li class="active"> Form Wizard </li>
      </ol>
    </div>
  </div>
<!-- Page Header End -->

<div class="page">

    <section class="panel panel-default">
      <h4 class="nm pad-15"> Form <strong> Wizard </strong> </h4>
        <div class="panel-body">
            <div data-ui-wizard-form>
                <h1> Login </h1>
                <div>
                        <div class="form-group">
                           <div class="col-md-12">
                              <h5 class="semibold text-primary">
                                 <i class="fa fa-sign-in"></i> Login Details </h5>
                              <p class="text-muted"> Enter Your Login Details </p>
                           </div>
                        </div>

                </div>

                <h1>General Information</h1>
                <div>
                        <div class="form-group">
                           <div class="col-md-12">
                              <h5 class="semibold text-primary">
                                 <i class="fa fa-user"></i> General Information </h5>
                              <p class="text-muted"> General information about applicant </p>
                           </div>
                        </div>

                </div>

                <h1>Education</h1>
                <div>
                        <div class="form-group">
                           <div class="col-md-12">
                              <h5 class="semibold text-primary">
                                 <i class="fa fa-book"></i> Education </h5>
                              <p class="text-muted"> Where and when did you get your degree </p>
                           </div>
                        </div>

                </div>

                <h1>Work Experience</h1>
                <div>
                        <div class="form-group">
                           <div class="col-md-12">
                              <h5 class="semibold text-primary">
                                 <i class="fa fa-cog"></i> Work experience </h5>
                              <p class="text-muted"> Let us know about your work experience </p>
                           </div>
                        </div>

                </div>

            </div>

        </div>
    </section>

    <section class="panel panel-default">
      <h4 class="nm pad-15"> Vertical Form <strong> Wizard </strong> </h4>
        <div class="panel-body">
            <div class="vertical" data-ui-wizard-form>
                <h1> Login </h1>
                <div>
                        <div class="form-group">
                           <div class="col-md-12">
                              <h5 class="semibold text-primary">
                                 <i class="fa fa-sign-in"></i> Login Details </h5>
                              <p class="text-muted"> Enter Your Login Details </p>
                           </div>
                        </div>

                </div>

                <h1>General Information</h1>
                <div>
                        <div class="form-group">
                           <div class="col-md-12">
                              <h5 class="semibold text-primary">
                                 <i class="fa fa-user"></i> General Information </h5>
                              <p class="text-muted"> General information about applicant </p>
                           </div>
                        </div>

                </div>

                <h1>Education</h1>
                <div>
                        <div class="form-group">
                           <div class="col-md-12">
                              <h5 class="semibold text-primary">
                                 <i class="fa fa-book"></i> Education </h5>
                              <p class="text-muted"> Where and when did you get your degree </p>
                           </div>
                        </div>

                </div>

                <h1>Work Experience</h1>
                <div>
                        <div class="form-group">
                           <div class="col-md-12">
                              <h5 class="semibold text-primary">
                                 <i class="fa fa-cog"></i> Work experience </h5>
                              <p class="text-muted"> Let us know about your work experience </p>
                           </div>
                        </div>

                </div>

            </div>

        </div>
    </section>   

</div>